<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>BootStrap表格</title>
		<!-- 新 Bootstrap5 核心 CSS 文件 -->
		<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">
		 
		<!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
		<script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>
		 
		<!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
		<script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>
	</head>
	<body>
		<div class="container">
			<h3>公司员工表格</h3>
			<table class="table table-bordered text-center" border="" cellspacing="" cellpadding="">
				
				<tr class="bg-success">
					<td>工号</td>
					<td>员工姓名</td>
					<td>部门</td>
					<td>岗位</td>
					<td>薪资</td>
					<td>福利</td>
				</tr>
				<tr>
					<td>085001</td>
					<td>汪文成</td>
					<td>金融事业部</td>
					<td>Java研发工程师</td>
					<td>12000</td>
					<td>五险一金、带薪年假、交通补、餐补</td>
				</tr>
				<tr>
					<td>085001</td>
					<td>汪文成</td>
					<td>金融事业部</td>
					<td>Java研发工程师</td>
					<td>12000</td>
					<td>五险一金、带薪年假、交通补、餐补</td>
				</tr>
				<tr>
					<td>085001</td>
					<td>汪文成</td>
					<td>金融事业部</td>
					<td>Java研发工程师</td>
					<td>12000</td>
					<td>五险一金、带薪年假、交通补、餐补</td>
				</tr>
			</table>
			<button class="btn btn-warning">删除</button>
			<button class="btn btn-danger btn-lg" >删除</button>
			<button class="btn btn-success btn-sm">删除</button>
		</div>
			
	</body>
</html>
